<!DOCTYPE HTML>
<html>

<head>
   <title> 详情页</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/jx-style.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css" />
</head>

<body>
   <div class="container">
      <div class="detail-page span24">
         <div class="detail-page-title">
            <h4>订单详情
               <button type="button" id="user-list-btn" class="pull-right jx-btn ">返回</button>
            </h4>

         </div>
         <div class="detail-section">
            <div class="row detail-row">
               <div class="span24">
                  <table id="" class="table table-header table-condensed table-bordered">
                     <thead>
                        <td colspan="4">
                           账户基础信息</td>
                     </thead>
                     <tr>
                        <td width="150">
                           <label class="pull-right">账户:</label>
                        </td>
                        <td>
                           6080240000608
                        </td>
                        <td width="150">
                           <label class="pull-right">注册时间：</label>
                        </td>
                        <td>
                           2016-10-11 14:50:31
                        </td>
                     </tr>
                     <tr>
                        <td>
                           <label class="pull-right">订单状态：</label>
                        </td>
                        <td colspan="3">
                           <span class="jx-text">待审核</span>
                           <button type="button" id="pass" class="ml-10 pull-right jx-btn btn-default ">审核通过</button>
                           <button type="button" id="refuse" class="pull-right jx-btn">
                           拒绝 </button>
                        </td>
                     </tr>

                     <tr>
                        <td width="150">
                           <label class="pull-right">最近提交审核时间：</label>
                        </td>
                        <td>
                           2016-10-11 14:50:31
                        </td>
                        <td width="150">
                           <label class="pull-right">最近审核通过时间：</label>
                        </td>
                        <td>
                        </td>
                     </tr>

                  </table>
                  <table id="" class="table table-header table-condensed table-bordered">
                     <thead>
                        <td colspan="4">
                           商户信息
                        </td>
                     </thead>
                     <tr>
                        <td width="150">
                           <label class="pull-right">商户名称：</label>
                        </td>
                        <td>激想体育特卖号</td>
                        <td width="150">
                           <label class="pull-right">商户编码：</label>
                        </td>
                        <td>263261864</td>

                     </tr>
                     <tr>
                        <td width="150">
                           <label class="pull-right">经营类目：</label>
                        </td>
                        <td>激想体育特卖号</td>
                        <td width="150">
                           <label class="pull-right">商户logo：
                        </label>
                        </td>
                        <td><img src="../../../assets/img/u9486.png" width="100px" alt=""></td>

                     </tr>
                     <tr>
                        <td width="150">
                           <label class="pull-right">商户简介：
                        </label>
                        </td>
                        <td colspan="3">主营国内外知名运动品牌，精选运动好货，每周限时折扣！

                     </tr>
                     <tr>
                        <td width="150">
                           <label class="pull-right">店长姓名：</label>
                        </td>
                        <td>王筱雯</td>
                        <td width="150">
                           <label class="pull-right">店长手机：
                        </label>
                        </td>
                        <td>13888888888</td>

                     </tr>

                  </table>
                  <table id="" class="table table-header table-condensed table-bordered">
                     <thead>
                        <td colspan="5">

                           企业信息
                        </td>
                     </thead>
                     <tr>
                        <td width="150">
                           <label class="pull-right">企业名称：</label>
                        </td>
                        <td colspan="4"> 上海激想体育文化股份有限公司</td>

                     </tr>
                     <tr>
                        <td width="150">
                           <label class="pull-right">法人姓名：</label>
                        </td>
                        <td>
                           王筱雯
                        </td>
                        <td width="150">
                           <label class="pull-right">联系电话：</label>
                        </td>
                        <td colspan="4"> 138888888888</td>
                     </tr>

                     <tr>
                        <td width="150">
                           <label class="pull-right">法人证件照：</label>
                        </td>
                        <td width="150">
                           <label class="pull-right">正面：</label>
                        </td>
                        <td>
                           <img src="../../../assets/img/u9486.png" width="100px" alt=""></td>
                        <td width="150">
                           <label class="pull-right">背面：</label>
                        </td>
                        <td> <img src="../../../assets/img/u9486.png" width="100px" alt=""></td>
                     </tr>
                     <tr>
                        <td width="150">
                           <label class="pull-right">营业执照：</label>
                        </td>
                        <td colspan="4">
                           <img src="../../../assets/img/u9486.png" width="100px" alt=""></td>

                     </tr>
                  </table>





                  <div class="grid-header">
                     审核记录
                  </div>
                  <table id="" class="table table-header table-condensed table-bordered">
                     <thead>
                        <td>
                           操作时间
                        </td>
                        <td>
                           操作
                        </td>
                        <td>
                           操作备注
                        </td>
                     </thead>
                     <tr>
                        <td> 2016-10-11 14:50:31</td>
                        <td>
                           通过审核
                        </td>
                        <td>
                           拒绝原因：<span>重新修改了资料，但是资料不对</span>
                        </td>

                     </tr>
                     <tr>
                        <td> 2016-10-11 14:50:31</td>
                        <td>
                           通过审核
                        </td>
                        <td>
                           拒绝原因：<span>重新修改了资料，但是资料不对</span>
                        </td>

                     </tr>

                  </table>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- 初始隐藏 remakesDialog内容 -->
   <div id="remarks" class="hide">
      <form class="form-horizontal">
         <div id="remarksform" class="row">
            <div class="control-group span12">
               <div class="control-row4 ">
                  <textarea class="input-large" type="text"></textarea>
               </div>
            </div>

         </div>
      </form>
   </div>

   <script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
   <script type="text/javascript" src="../../../assets/js/bootstrap.js"></script>
   <script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
   <script type="text/javascript" src="../../../assets/js/config-min.js"></script>
   <script type="text/javascript">
      BUI.use('common/page');
   </script>
   <script type="text/javascript">
      BUI.use(['bui/grid', 'bui/data', 'common/search', 'bui/overlay', 'bui/form'], function (Grid, Data, Search,
         Overlay, Form) {
         $('#refuse').on('click', function () {
            remarksDialog.show();
         });

         $('#pass').on('click', function () {
            BUI.Message.Alert('已设置审核通过');
         });

         //备注
         var remarksDialog = new Overlay.Dialog({
            title: '拒绝理由',
            width: 380,
            //配置DOM容器的编号
            contentId: 'remarks',
            success: function () {
               //点击成功时候操作
               BUI.Message.Alert('已设置审核拒绝');
               this.close();
            }
         });

      });
   </script>

   <body>

</html>